<template>
  <div class="app1">
    <h1>新建的页面，练习组件</h1>
    <hr>
    <button-counter bg-color="blue" :title="123"/>
    <button-counter bg-color="red" :title="222"></button-counter>

    <ButtonCounter bg-color="yellow"/>
    <ButtonCounter bg-color="green"></ButtonCounter>
<!--
组件名.vue
ButtonCounter.vue
不推荐：button-counter.vue
-->
  </div>
</template>

<script>
// 局部注册组件
// import ButtonCounter from "./components/ButtonCounter";
// @ === src/
import ButtonCounter from "@/components/ButtonCounter";

export default {
  name: "App1",
  components: {
    ButtonCounter
  }
}
</script>
